<template>
	<view class="contont" style="background-color: #f5f5f5;">
		<view style="width: 100%;height: 225px;background-color: #FFFFFF;">
			<view style="height: 119px; display: flex;flex-direction: column;align-items: center;">
				<view style="width: 100%;margin:21px 0px 15px 20px;font-size: 16px;font-weight: 500;">
				<text >订单编号:S0068341808200001</text>	
				</view>
				<view style="margin-bottom: 11px;">
					<text style="color: #4A4A4A;font-size: 14px;">广州市站点</text>
					<image src="../../static/img/icon_xiaojiantou@2x.png" mode="" style="width: 20px;height: 8px;margin-left: 15px;margin-right: 15px;"></image>
					<text style="color: #4A4A4A;font-size: 14px;">杭州转运中心</text>
				</view>
				<view style="font-size: 12px;color: #777777;margin-bottom: 10px;">
					2018.06.19到
				</view>
			</view>
			<view style="height: 34px;display: flex;flex-direction: column;justify-content: space-between;">
				<image src="../../static/img/line_xuxian%20copy%203@2x.png" mode="" style="width: 100%;height: 2rpx;box-sizing: border-box;"></image>
				<view class="" style="display: flex;align-items: center;height: 100%;">
				<image src="../../static/img/icon_shouhuo@2x.png" mode="" style="width: 20px ;height: 20px;margin-left: 15px;margin-right: 9px;"></image>
				<text style="color: #4A4A4A;font-size: 14px;">收货信息</text>
				</view>
				<image src="../../static/img/line_xuxian%20copy%203@2x.png" mode="" style="width: 100%;height: 2rpx;box-sizing: border-box;"></image>
			</view>
			<view style="font-size: 13px;" >
				<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 15px;">
					<view class="">
						<text style="color: #9B9B9B;margin-left: 44px;">收货方：</text>
						<text style="color: #555555;">吴治君</text>
					</view>
					<view class="">
						<text style="color: #9B9B9B;">收货方：</text>
						<text style="color: #555555;margin-right: 36px;">吴治君</text>
					</view>
				</view>
				<view style="width: 100%;margin-left: 44px;margin-top: 10px;">
					<text style="color: #9B9B9B;">收货地址：</text>
					<text>浙江省杭州市滨江区滨安路2000号</text>
				</view>
			</view>
		</view>
		<view style="width: 100%; height: 343px;margin-top: 10px;background-color: #FFFFFF; font-size: 13px;">
			<view style="height: 34px;display: flex;flex-direction: column;justify-content: space-between;">
				<view class="" style="display: flex;align-items: center;height: 100%;">
				<image src="../../static/img/icon_fahuo@2x.png" mode="" style="width: 20px ;height: 20px;margin-left: 15px;margin-right: 9px;"></image>
				<text style="color: #4A4A4A;font-size: 14px;">货物信息</text>
				</view>
				<image src="../../static/img/line_xuxian%20copy%203@2x.png" mode="" style="width: 100%;height: 2rpx;box-sizing: border-box;"></image>
			</view>
			<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 15px;">
				<view class="">
					<text style="color: #9B9B9B;margin-left: 44px;">货物名称：</text>
					<text style="color: #555555;">电脑</text>
				</view>
				<view class="">
					<text style="color: #9B9B9B;">包装方式：</text>
					<text style="color: #555555;margin-right: 36px;">无</text>
				</view>
			</view>
			<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;">
				<view class="">
					<text style="color: #9B9B9B;margin-left: 44px;">体积：</text>
					<text style="color: #555555;">0.00方</text>
				</view>
				<view class="">
					<text style="color: #9B9B9B;">件数：</text>
					<text style="color: #555555;margin-right: 36px;">0件</text>
				</view>
			</view>
			<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;">
				<view class="">
					<text style="color: #9B9B9B;margin-left: 44px;">重量：</text>
					<text style="color: #555555;">2.00kg</text>
				</view>
				<view class="">
				</view>
			</view>
			<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;">
				<view class="">
					<text style="color: #9B9B9B;margin-left: 44px;">交货方式：</text>
					<text style="color: #555555;">自提</text>
				</view>
				<view class="">
				</view>
			</view>
			<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;margin-bottom: 15px;">
				<view class="">
					<text style="color: #9B9B9B;margin-left: 44px;">备注：</text>
					<text style="color: #555555;"></text>
				</view>
			</view>
			<view style="height: 34px;display: flex;flex-direction: column;justify-content: space-between;">
				<image src="../../static/img/line_xuxian%20copy%203@2x.png" mode="" style="width: 100%;height: 2rpx;box-sizing: border-box;"></image>
				<view class="" style="display: flex;align-items: center;height: 100%;">
				<image src="../../static/img/icon_daishou@2x.png" mode="" style="width: 20px ;height: 20px;margin-left: 15px;margin-right: 9px;"></image>
				<text style="color: #4A4A4A;font-size: 14px;">代收费用</text>
				</view>
				<image src="../../static/img/line_xuxian%20copy%203@2x.png" mode="" style="width: 100%;height: 2rpx;box-sizing: border-box;"></image>
			</view>
			<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;margin-bottom: 10px;">
				<view class="">
					<text style="color: #9B9B9B;margin-left: 44px;">货物名称：</text>
					<text style="color: #555555;"></text>
				</view>
				<view class="">
					<text style="color: #9B9B9B;margin-right:15px ;font-size: 14px;color: #FF5651;">4000.0元</text>
				</view>
			</view>
		<view style="height: 34px;display: flex;flex-direction: column;justify-content: space-between;">
			<image src="../../static/img/line_xuxian%20copy%203@2x.png" mode="" style="width: 100%;height: 2rpx;box-sizing: border-box;"></image>
			<view class="" style="display: flex;align-items: center;height: 100%;">
			<image src="../../static/img/icon_huidan@2x.png" mode="" style="width: 20px ;height: 20px;margin-left: 15px;margin-right: 9px;"></image>
			<text style="color: #4A4A4A;font-size: 14px;">货物信回单息</text>
			</view>
			<image src="../../static/img/line_xuxian%20copy%203@2x.png" mode="" style="width: 100%;height: 2rpx;box-sizing: border-box;"></image>
		</view>
			<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;">
				<view class="">
					<text style="color: #9B9B9B;margin-left: 44px;">纸质回单</text>
				</view>
				<view class="">
					<text style="color: #9B9B9B;margin-right:15px ;font-size: 14px;color: #FF5651;">1份</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
